<template lang="jade">
table(cellpadding='0',cellspacing='0')
	//- top
	tr
		td#top(colspan='3')
			#logo 和
			ul#menu
				li: a(href='#')
						i.icon &#xe68d;
						span he_it@qq.com
	//- menu
	tr
		//- big
		td#big
			ul
				li: a(href='#').on: i.icon &#xe6e0;

		//- small
		td#small(v-show='this.tab==2')
			h3.on 公司管理
			ul.on
				li: a(href='/xiongan/examine/company_add.html',target='iframe') 添加公司
				li: a(href='/xiongan/examine/company_list.html',target='iframe') 公司列表
				li: a(href='/xiongan/examine/company_examine.html',target='iframe') 待审核列表
				li: a(href='/xiongan/examine/company_no.html',target='iframe') 审核失败列表
			h3 一键找工作
			ul 
				li: a(href='/xiongan/examine/info.html',target='iframe') 求职者信息
				li: a(href='/xiongan/examine/villageinfo.html',target='iframe') 个人登记表
				li: a(href='/xiongan/examine/changcheng.html',target='iframe') 长城体检表
			h3 一键招人才
			ul 
				li: a(href='/xiongan/examine/compony_find.html',target='iframe') 公司信息
			h3 一键找兼职
			ul 
				li: a(href='/xiongan/part_time/okinfo.html',target='iframe') 已发布兼职
				li: a(href='/xiongan/part_time/waitinfo.html',target='iframe') 未发布兼职
			h3 岗位管理
			ul
				li: a(href='/xiongan/examine/job.html?examine=1',target='iframe') 岗位列表
				li: a(href='/xiongan/examine/job.html?examine=0',target='iframe') 待审核列表
				li: a(href='/xiongan/examine/job.html?examine=2',target='iframe') 审核失败列表
			h3 直播
			ul
				li: a(href='/xiongan/live/live_add.html',target='iframe') 添加直播
				li: a(href='/xiongan/live/live_list.html',target='iframe') 直播列表
				li: a(href='/xiongan/live/live_history.html',target='iframe') 直播历史
			//- h3 音频
			//- ul
			//- 	li: a(href='/xiongan/audio/audio_add.html',target='iframe') 添音频
			//- 	li: a(href='/xiongan/audio/audio_list.html',target='iframe') 音频列表
			//- h3 培训报名列表
			//- ul
			//- 	li: a(href='/xiongan/cultivate/apply.html?status=0',target='iframe') 已报名列表
			//- 	li: a(href='/xiongan/cultivate/apply.html?status=1',target='iframe') 已取消列表
			h3 培训课程
			ul
				li: a(href='/xiongan/cultivate/add_school.html',target='iframe') 培训学校/机构添加
				li: a(href='/xiongan/cultivate/school_list.html',target='iframe') 培训学校列表
				li: a(href='/xiongan/cultivate/add_cultivate.html',target='iframe') 培训课程添加
				li: a(href='/xiongan/cultivate/cultivate_list.html',target='iframe') 培训课程列表
				//- li: a(href='/xiongan/cultivate/culpayuserlist.html',target='iframe') 参与收费培训用户
				//- li: a(href='/xiongan/cultivate/culpayuserlistpay.html',target='iframe') 培训用户购买记录
				li: a(href='/xiongan/cultivate/cultivateapplyinfo.html',target='iframe') 线下培训者报名列表

			h3 题库
			ul
				li: a(href='/xiongan/question/add_question.html',target='iframe') 添加题目
				li: a(href='/xiongan/question/question_list.html',target='iframe') 题目列表

			h3 公司注册
			ul
				li: a(href='/xiongan/companyreg/edit.html?id=1',target='iframe') 修改注册介绍
				li: a(href='/xiongan/companyreg/list.html',target='iframe') 注册申报列表

			h3 系统管理
			ul
				//- li: a(href='/xiongan/home/area.html',target='iframe') 区域管理
				//- li: a(href='/xiongan/home/msg.html',target='iframe') 用户系统消息管理
				//- li: a(href='/xiongan/home/msg_list.html',target='iframe') 系统消息列表
				li: a(href='/xiongan/home/add.html',target='iframe') 添加岗位类型
				li: a(href='/xiongan/home/swiper.html',target='iframe') 首页轮播图管理
				//- li: a(href='http://www.cnzz.com/stat/website.php?web_id=1273669237',target='iframe') 流量统计
				//- li: a(href='/xiongan/home/socket.html',target='iframe') 聊天管理
				//- li: a(href='http://xiongan.sgboke.com/hisocket.html',target='iframe') 官方聊天

		td#content: iframe#iframe(frameborder='0',name='iframe',style='width:100%; height:800px;',src='/xiongan/login.html')
</template>

<script>
export default {
	data () {
		return {
			tab:null
		}
	},
	mounted () {
		// 自动设置iframe高度
		let iframe = this.$dom.id('iframe')
		window.addEventListener('resize', () => {
			this.iframe_resize()
		})
		iframe.addEventListener('load', () => {
			this.iframe_resize()
		})

		// 首先获取small，后面两个方法都会用到
		let small = this.$dom.id('small')

		// h3点击事件
		let h3 = this.$dom.tag('h3')
		let ul = small.getElementsByTagName('ul')
		for (let h of h3) {
			h.addEventListener('click', () => {
				// 使同级元素与下级UL取消被点击状态
				for (let hh of h3) {
					hh.className = ''
				}
				for (let uu of ul) {
					uu.className = ''
				}
				// 将此次点击对象设置被点击状态
				h.className = 'on'
				h.nextSibling.className = 'on'
			})
		}

		// 小菜单点击事件
		let link = small.getElementsByTagName('a')
		for (let l of link) {
			l.addEventListener('click', function () {
				// 将同级元素取消被点击状态
				for (let ll of link) {
					ll.className = ''
				}
				// 将此次点击对象设置被点击状态
				this.className = 'on'
			})
		}

		// 登录事件
    this.tab=sessionStorage.getItem("tab")
		setInterval(
			function(){
				if(sessionStorage.getItem("tab")==1){
					window.location.reload()
					sessionStorage.setItem("tab", 2)
				}
			},1000
		)
	},
	methods: {
		iframe_resize () {
			let iframe = this.$dom.id('iframe')
			let height = document.body.clientHeight - iframe.offsetTop - 48
			iframe.style.height = height + 'px'
		}
	}
}
</script>

<style lang="less">
@import "../../plugin/style/mixin.less";
body { margin:0; height:100%; }
table { .h(100%); .w(100%); }
td { vertical-align: top; }
</style>